<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
<meta charset="utf-8" />
<title>西海良品</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="" name="description" />
<meta content="" name="author" />
<meta name="MobileOptimized" content="320">
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link href="/style/assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="/style/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="/style/assets/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN PAGE LEVEL STYLES -->
<link rel="stylesheet" type="text/css" href="/style/assets/plugins/select2/select2_metro.css" />
<!-- END PAGE LEVEL SCRIPTS -->
<!-- BEGIN THEME STYLES -->
<link href="/style/assets/css/style-metronic.css" rel="stylesheet" type="text/css"/>
<link href="/style/assets/css/style.css" rel="stylesheet" type="text/css"/>
<link href="/style/assets/css/style-responsive.css" rel="stylesheet" type="text/css"/>
<link href="/style/assets/css/plugins.css" rel="stylesheet" type="text/css"/>
<link href="/style/assets/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color"/>
<link href="/style/assets/css/pages/login-soft.css" rel="stylesheet" type="text/css"/>
<link href="/style/assets/css/custom.css" rel="stylesheet" type="text/css"/>
<!-- END THEME STYLES -->
<link rel="shortcut icon" href="favicon.ico" />
<style type="text/css">
.verifycode{float:left;width:100%; color:#333; line-height:40px; height:40px;}
.verifycode img{margin-right:20px;}
.verifycode a{color:#fff;}
.form_alert{float:left;width:100%; color:#F00; line-height:40px; height:40px;}
</style>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="login">
<!-- BEGIN LOGO -->
<div class="logo">  </div>
<!-- END LOGO --> 
<!-- BEGIN LOGIN -->
<div class="content"> 
  <!-- BEGIN LOGIN FORM -->
  <form class="login-form" action="/index/dosignin" method="post">
    <input type="hidden" name="act" value="Signin">
    <h3 class="form-title">登录管理系统</h3>
    <div class="alert alert-error hide">
      <button class="close" data-dismiss="alert"></button>
      <span>请输入帐号和密码</span> </div>
    <div class="form-group"> 
      <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
      <label class="control-label visible-ie8 visible-ie9">帐号</label>
      <div class="input-icon"> <i class="icon-user"></i>
        <input class="form-control placeholder-no-fix" value="<?=$_GET['account'];?>" type="text" autocomplete="off" placeholder="帐号" name="signin_account"/>
      </div>
    </div>
    <div class="form-group">
      <label class="control-label visible-ie8 visible-ie9">密码</label>
      <div class="input-icon"> <i class="icon-lock"></i>
        <input class="form-control placeholder-no-fix" type="password" autocomplete="off" placeholder="密码" name="signin_password"/>
      </div>
    </div>
    <div class="form-group">
      <label class="control-label visible-ie8 visible-ie9">验证码</label>
      <div class="input-icon"> <i class="icon-picture"></i>
        <input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="验证码" name="verifycode"/>
      </div>
    </div>
    <div class="verifycode"><img src="/verify?<?=$_SERVER['REQUEST_TIME'];?>" id="verfyimg"> <a href="javascript:_refresh();">刷新验证码</a></div>
    <?php
		 if($this->alert){
		 ?>
    <div class="form_alert">登录失败：
      <?=$this->alert;?>
    </div>
    <? 
		 }
		 ?>
    <div class="form-actions">
      <button type="submit" class="btn blue pull-right"> 登录 <i class="m-icon-swapright m-icon-white"></i> </button>
    </div>
  </form>
  <!-- END LOGIN FORM --> 
</div>
<!-- END LOGIN --> 
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) --> 
<!-- BEGIN CORE PLUGINS --> 
<!--[if lt IE 9]>
   <script src="/style/assets/plugins/respond.min.js"></script>
   <script src="/style/assets/plugins/excanvas.min.js"></script> 
   <![endif]--> 
<script src="/style/assets/plugins/jquery-1.10.2.min.js" type="text/javascript"></script> 
<script src="/style/assets/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script> 
<script src="/style/assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script> 
<script src="/style/assets/plugins/bootstrap-hover-dropdown/twitter-bootstrap-hover-dropdown.min.js" type="text/javascript" ></script> 
<script src="/style/assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script> 
<script src="/style/assets/plugins/jquery.blockui.min.js" type="text/javascript"></script> 
<script src="/style/assets/plugins/jquery.cookie.min.js" type="text/javascript"></script> 
<script src="/style/assets/plugins/uniform/jquery.uniform.min.js" type="text/javascript" ></script> 
<!-- END CORE PLUGINS --> 
<!-- BEGIN PAGE LEVEL PLUGINS --> 
<script src="/style/assets/plugins/jquery-validation/dist/jquery.validate.min.js" type="text/javascript"></script> 
<script src="/style/assets/plugins/backstretch/jquery.backstretch.min.js" type="text/javascript"></script> 
<script type="text/javascript" src="/style/assets/plugins/select2/select2.min.js"></script> 
<!-- END PAGE LEVEL PLUGINS --> 
<!-- BEGIN PAGE LEVEL SCRIPTS --> 
<script src="/style/assets/scripts/app.js" type="text/javascript"></script> 
<script src="/style/assets/scripts/login-soft.js" type="text/javascript"></script> 
<!-- END PAGE LEVEL SCRIPTS --> 
<script>
      jQuery(document).ready(function() {     
        App.init();
        Login.init();
      });
	  function _refresh(){
		$("#verfyimg").prop("src","/verify?mr="+Math.random() );
	  }
   </script> 
<!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>